@charset "UTF-8";
/* CSS Document */
body {
  color: #fff;
  font: 600 14px/24px "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Sans-Serif;
}
.box {
	background-image: url(../image/hello.png);
	width: 100px;
	height: 100px;
	border-radius: 50px;
	text-align: center;
	line-height: 100px;
	font-size: 16px;
	cursor: pointer;
	box-shadow: inset 0 0 0 10px #9FF;	
	transition-property: background;
	transition-duration: 1s;
	transition-timing-function: linear;
	
	/*background: #2db34a;
  border-radius: 50px;
  cursor: pointer;
  height: 95px;
  line-height: 95px;
  text-align: center;
  transition-property: background;
  transition-duration: 1s;
  transition-timing-function: linear;
  width: 95px;*/
}

.box:hover {
	background: #6FC;
	opacity: 50%;
}